/**
 * @author Administrador
 */
//comienzo de script en JQuery
$(document).ready(function() {
	
    /*
     * Armamos el slider para los destacados. 
     */
	$slider = $(".bxslider").bxSlider({auto:true,
	    speed:1000,
	    minSlides:2,
	    maxSlides:3,
	    slideWidth:250,
	    slideMargin:10,	   
	    pager:false});   
        
	/*$(".bxslider#props").bxSlider({mode:'vertical',
		    speed:500,
		    minSlides:5,
		    maxSlides:5,
		    controls:false,
		    pager:true});*/	

	$sliderProp = $(".bx-wrapper").last(); //reemplazar last por [1] o  get(1) no anda...
	$sliderProp.attr("id","sliderProp");
	/*
	 * Cuando hacemos click sobre el slider, el scroll automatico
	 * se desactiva
	 * TODO: ver como hacer para activarlo después de un tiempo (si se puede)
	 */
	$(".bxslider").click(function() {
            $slider.stopAuto();    
        });
	    	
	   /*
	    * Cada item destacado abre una "ventanita"(div) al hacerle click
	    * e: representa al mouse
	    */
	   $(".destacado").click(function(e) {
	       //armamos el ID que corresponde a cada ventana
	       var $id = "info"+$(this).attr('id');
	       
	       //escondemos todas las ventanitas para que la cosa ande bien...    
	       $('.infoDestacados').hide();    
	            
	       $(document).click(function() {
               $('.infoDestacados#'+$id).fadeOut("fast",function(){
                    $('.infoDestacados#'+$id).hide();    
               });//si hacemos click fuera de la ventana, ésta se cierra
           });           
	       
           //hace que el document no considere un click en .destacado
           //(para que no borre el div al crearlo)
           e.stopPropagation();           
            //le seteamos el css adecuado para que aparezca en la posición del mouse
            $('.infoDestacados#'+$id).css({ 
                   position:'absolute',
                   left:''+e.pageX+'px',
                   top:''+e.pageY+'px'               
            });
            //animación de la ventanita
            $('.infoDestacados#'+$id).fadeIn("fast");
              
            //si hacemos click en la ventana, ésta desaparece                      
           /*
            * Si hacemos click en la ventana, no la cerramos.
            */
           $('.infoDestacados#'+$id).click(function(e) {
                e.stopPropagation();
           });  
	   });
	   /*
	    * Para que aparezce una manito al pasar el mouse por las destacados.
	    */
	   $(".destacado").hover(function() {
	       $(this).css("cursor","pointer");	   
	   }, function() {
		   
	   });  
	   
	 
	   $(".botfav:not(#busquedaBtn)").click(function(){
	   	   	$id = $(this).attr('id');
	   	   	$s=$id.charAt(10);
	   	   	
	   	   	$repetido = false;
	   	   	$(".itemListId").each(function(){
	   	   		$repetido = $repetido || ($(this).html() == $s);	   	   		
	   	   	});
	   	   	if(!$repetido){
		   	   	$w='img'.concat($s);
		   	   	$pre='precio'.concat($s);
		   	    $path=$('.propiedad .imgDesc .pr-imagen#'+'img'+$s).attr('src');
		   	    $precio=$(".propiedad .imgDesc .pr-precio#"+'precio'+$s).html();
		   	    $direccion=$(".propiedad .imgDesc .pr-direccion#"+'dir'+$s).html();
				$('#lista').append(
		   			($('<div>',{class: 'imgDescList'})).append(
		   				($('<div>',{class:'itemListId'}).hide().html(""+$s)),
		   				($('<div>',{class:'remItemList'})).hide().append(
		   						$('<img>',{src:'img/redCross.png'})),	   				
		   				($('<div>',{class: 'b-img'})).append($('<img>',{src:$path,class: 'img-list'})),
		   				($('<div>',{class: 'textoProp'})).append(	   					
		   					($('<div>',{class: 'pr-precio enLista'})).append($precio),	   					
		   					($('<div>',{class: 'pr-direccion enLista'})).append($direccion)))
		   		);	   		
		   		$('.imgDescList').hover(function(){	   		
		   			$(this).find('.remItemList').show();
		   		},
		   		function(){
		   			$(this).find('.remItemList').hide();
		   		});
		   		$(".remItemList").click(function(){
		   			$(this).parent().fadeOut("fast",function(){
		   				$(this).detach();
		   			});	   			
	   				
	   			});	 
	   		}  		
	   });
	   
	   $("#home").click(function(){
	   	if($(this).attr("class")!="active"){
	   		$("#servicios").removeClass("active");
	   		$("#empresa").removeClass("active");
	   		$("#autores").removeClass("active");
	   		$("#home").addClass("active");
	   		$("#propiedades").show();
	   		$("#lateral").show();
	   		$("#autoresWrapper").detach();
	   		$("#empresaWrapper").detach();
	   		$("#serviciosWrapper").detach();
	  	}
	   	
	   });
	   
	   $("#servicios").click(function(){
	   	if($(this).attr("class")!="active"){
	   		$("#home").removeClass("active");
	   		$("#empresa").removeClass("active");
	   		$("#autores").removeClass("active");
	   		$("#servicios").addClass("active");
	   		$("#propiedades").hide();
	   		$("#lateral").hide();
	   		$("#autoresWrapper").detach();
	   		$("#empresaWrapper").detach();
	   		$("#destacados").after('<div id="serviciosWrapper" class="load">');
	   		$("#serviciosWrapper").load("servicios.html");	   		
		}	   	
	   });
	   
	    $("#empresa").click(function(){
	    	if($(this).attr("class")!="active"){
		    	$("#home").removeClass("active");
		   		$("#servicios").removeClass("active");
		   		$("#autores").removeClass("active");
		   		$("#empresa").addClass("active");
		   		$("#propiedades").hide();
		   		$("#lateral").hide();
		   		$("#autoresWrapper").detach();
		   		$("#serviciosWrapper").detach();
		   		$("#destacados").after('<div id="empresaWrapper" class="load">');
		   		$("#empresaWrapper").load("empresa.html");
		   	}
	   		
	   });
	   
	     $("#autores").click(function(){
	     	if($(this).attr("class")!="active"){
		    	$("#home").removeClass("active");
		   		$("#servicios").removeClass("active");
		   		$("#empresa").removeClass("active");
		   		$("#autores").addClass("active");
		   		$("#propiedades").hide();
		   		$("#lateral").hide();
		   		$("#serviciosWrapper").detach();
		   		$("#empresaWrapper").detach();
		   		
		   		$("#destacados").after('<div id="autoresWrapper" class="load">');
		   		$("#autoresWrapper").load("autores.html",function(){
           $("#readmeButton").click(function(){
                   if ($(this).attr("class") == "pressed"){
                       $(this).attr("class","notPressed");
                       $("#readme").empty();
                   }
                   else{
                       $("#readme").load("readme.html");
                       $(this).attr("class","pressed");
                   }
       });
       });		   		
		   	}
	   });
	   
	   
	   
	   camposPrecio();	   
	   function camposPrecio(){
	   	$content = $("#selPrecio option:selected").html();
	   		if ($content == "Más caro que..." || $content == "Más barato que..."){
	   			$("#camposPrecio").empty();
	   			$("#camposPrecio").append('$<input type="number" name="inputPrecio1" class="inputPrecio" size="4"/>');
	   		}
	   		else if($content == "Entre..."){	   			
	   			$("#camposPrecio").empty();
	   			$("#camposPrecio").append('$<input type="number" name="inputPrecio1" class="inputPrecio" size="4"/> Y $<input type="number" name="inputPrecio2" class="inputPrecio" size="4"/>');
	   		}
	   		else{
	   			$("#camposPrecio").empty();
	   		}
	   }
	   $("#selPrecio").change(function(){
	   	camposPrecio();
	   });
		
		$(".inputPrecio").keydown(function(event) {
		    return ( event.keyCode < 32 ||                             // Control characters
		             ( event.keyCode >= 48 && event.keyCode <= 57 ) || // Numbers
		             event.keyCode == 127 );                           // Delete key
			});
		
	   $("#busquedaBtn").click(function(){
	       $filCat = $("#scategoria option:selected").html();
	       $filOp = $("#soperacion option:selected").html();
	       
	       $todasLasCat = $filCat == 'Todas'; 
	       $todasLasOp = $filOp == 'Todas';	       
	       
	       $(".propiedad").each(function(){
	           $cat = $(this).find(".propCategoria").html();
	           $op = $(this).find(".op").html();
	           $precio = $(this).find(".pr-precio").html();
	           if(($cat == $filCat || $todasLasCat) && ($op == $filOp || $todasLasOp) && cumplePrecio($precio)){
	               $(this).show();
	           }else{
	               $(this).hide();
	           }	           
	       });
	   });	   
	   function cumplePrecio($precioOrig){
	   		$precio = parseInt($precioOrig.replace(/[^0-9]/g, ''));
	   		$opcion = $("#selPrecio option:selected").html();
	   		$input1 = parseInt($(".inputPrecio[name=inputPrecio1]").val().replace(/[^0-9]/g, ''));	   		
	   		if ($opcion == "Más caro que..."){
	   			return $precio >= $input1;
	   		}
	   		else if($opcion == "Más barato que..."){
	   			$valor = $precio <= $input1;
	   			return $valor;
	   		}
	   		else if($opcion == "Entre..."){
	   			$input2 = parseInt($(".inputPrecio[name=inputPrecio2]").val().replace(/[^0-9]/g, ''));
	   			return $precio >= $input1 && $precio <= $input2;
	   		}
	   		else{
	   			return true;
	   		}
	   }
	   
	    $("#style").click(function(){
	    	$cook=getCookie("style");
	    	if($cook=="css/style1.css"){
	    		$("#tema").attr('href','css/style2.css');
	    		setCookie("style","css/style2.css", 3);
	    	}
	    	else{
	    		$("#tema").attr('href','css/style1.css');
	    		setCookie("style","css/style1.css", 3);
	    	}
	    	
	    });



});
